<template>
<div class="app-container">
    <iframe id="myIframe"  :src="gitlabUrl" ref="iframe" width="100%" height="780px;"></iframe>
  </div>
</template>

<script>

export default {

  data() {
    return {
      gitlabUrl: process.env.VUE_APP_GitLab
    }
  },
  // Vue实例初始化完成之后，将会调用该函数。
  created() {

  },
  // Vue实例完成挂载之后，将会调用该函数。
  mounted() {
    // 这里就拿到了iframe的对象
    console.log(this.$refs.iframe)
    // 这里就拿到了iframe的window对象
    console.log(this.$refs.iframe.contentWindow)
    console.log('lalala')
  },
  methods: {
    test() {
      // 这里就拿到了iframe的对象
      console.log(this.$refs.iframe)
      // 这里就拿到了iframe的window对象
      console.log(this.$refs.iframe.contentWindow)
    }
  }
}
</script>

